<template>
    <div>
        
<h2>管理员登录</h2>
<table class="table table-bordered">
    <tr>
        <td align="right">用户名</td>
        <td><input type="text" v-model="sate.name" /></td>
    </tr>
    <tr>
        <td align="right">密码</td>
        <td><input type="password" v-model="sate.pwd" /></td>
    </tr>
    <tr>
        <td align="right"></td>
        <td><input type="button" value="登录" @click="login" /></td>
    </tr>
</table>
    </div>
</template>

<script setup lang="ts">
import { reactive,toRefs } from 'vue';
import axios from 'axios';
import { useRouter,useRoute } from 'vue-router';
let router=useRouter()
let data=reactive({
    sate:{
        name:'',
        pwd:''
    }
})
let {sate}=toRefs(data)
const login=()=>{
    let obj={
        username:sate.value.name,
        password:sate.value.pwd
    }
    console.log(obj)
    axios({
        url:'/api/HouseNumber/Login',
        method:'post',
        params:obj
    })
    .then(res=>{
        console.log(res)
        if(res.data==1){
        alert("登录成功")
        router.push('/add')
        }
        else{
            alert("登录失败")
        }
    })
    .catch(err=>{
        console.log(err)
    })
}
</script>

<style scoped>

</style>